チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

#2406

どういう変更をしたか？

コアのテーブルブロックで縦積みにする機能を追加しました。
水平方向スクロール機能のように「縦積みのブレイクポイント」が選べるようになっています。
また、これに合わせてVKアイコンの色がパネルごとに変更されるようにしました。

スクリーンショットまたは動画

変更前 Before

変更後 After

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• Files changed (変更ファイル)の内容は目視で確認したか？
• readme.txt に変更内容は書いたか？
• readme.txt に記載の変更内容はエンドユーザーが見て変更の概要がわかるように書かれているか？
• 本当にちゃんと確認をしたか？

プログラムの変更の場合

• 書けそうなテストは書いたか？ → coreのextentionにはテストが存在しないためスキップ。必要なら書いてみます。

変更内容について何を確認したか、どういう方法で確認をしたかなど

1. feature/table/align-vertical のブランチにし、npm run build をする。
   (npm run build:cache や npm run build:dev だとscssがビルドされないことがあり、分割読み込みをONにすると追加したcssが効かなくなることがあるため。)
2. 編集画面でカラムの多いテーブルを作成。
   以下のHTML参照:

<!-- wp:table {"className":"is-style-vk-table-border-stripes","scrollable":false,"scrollBreakpoint":"table-scrollable-pc"} -->
<figure class="wp-block-table is-style-vk-table-border-stripes"><table><tbody><tr><td>aaaaa</td><td>11111111</td><td>おおおおおおおお</td><td>テストテスト</td><td>ああああああ</td><td>11111111</td><td>漢字が入るよ</td><td>ああああああああああああ</td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table></figure>
<!-- /wp:table -->

3. Vertical AlignmentをONにし保存。この時に編集画面で横スクロールができたことを確認。
4. フロントエンドで縦積みになることを確認。(Mobileは575.98px以下の画面、Tabletは991.98px以下の画面、PCは全ての画面サイズ)

また、以下を確認しました。

• Vertical AlignmentをONにしてその後OFFにした時、縦積みが外れることを編集画面とフロントエンドで確認。
• 横スクロールと組み合わせた時、お互いの設定が生きていることを確認。
• 既存のテーブルブロックを含む編集画面を開いた時、テーブルブロックに「このブロックには、想定されていないか無効なコンテンツが含まれています。」が表示されないことを確認。
• 分割読み込みをON/OFFにして確認。

レビュワーに回す前の確認事項

• 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

実装者と同じ確認を行なってください。
開発の方はコードの確認もお願いいたします。

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？